<template>
	<view>
		<view class="commentList">
			<view class="listItem"
				v-for="(item,index) in pjList"
				:key="index"
			>
				<view class="listItemTop hasFlex">
					<view class="itemImg hasFlex">
						<view class="headImg"> 
							<image v-if="item.usePortrait == ''" class="samePar" src="../../../../static/images/defHead.png"></image>
							<image class="samePar" :src="getCloudFilePath(item.usePortrait)" mode="aspectFill" lazy-load></image>
						</view>
						<view class="usename">{{item.nickName}}</view>
					</view>
					<view class="topRight">
						<htz-rate v-model="item.pjScore" :size="36" :gutter="5" :readonly="true" :type="0"></htz-rate>
					</view>
				</view>
				<view class="itemCon">{{item.pjContent}}</view>
				<view class="botTime">
					<view class="itemTime">{{item.pjTime}}</view>
				</view>
			</view>
		</view>
		<loading-view :loading="loading"></loading-view>
	</view>
</template>

<script>
	export default {
		props:{
			pjList:{
				type:Array
			},
			loading:{
				type:Boolean
			}
		},
		data(){
			return{
			}
		}
	}
</script>

<style lang='scss' scoped>
	@import '@/static/scss/zxsPj.scss';
	.botTime{
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.listItem{
		background: #fff;
		padding: 20rpx 30rpx !important;
	}
</style>